<?php
include "./head.php";

//if($_POST['user']&&$_POST['pass']){
//    //1.合法判断
//
//    //用户提交的验证码和生成验证码是否相同
//    if($_POST['yzm']!=$_SESSION['dl_yzm']){
//        exit("<script>alert('验证码错误');location.href='./login.php';</script>");
//    }
//
//    //2.判断用户名密码是否正确
//    $sql="select * from bl_member where user='{$_POST['user']}'";
//    $arr=db_sel($sql);
//    if(empty($arr)){
//        exit("<script>alert('账号不存在');location.href='./login.php';</script>");
//    }
//    //判断用户名是否被禁用
//    if($arr['stat']=='2'){
//        exit("<script>alert('用户名禁用，联系管理员');location.href='./login.php';</script>");
//    }
//
//
//    //判断密码
//    if($arr['pass']!=md5($_POST['pass'])){
//        exit("<script>alert('密码不正确');location.href='./login.php';</script>");
//    }
//
//    //3.判断是否选择了下一次自动登录
//    if($_POST['rad']=='1'){
//        //保存用户数据到cookie，下一次自动登录（自动生成session）
//        setcookie('home_user',$arr['user'],time()+3*24*3600,'/');
//    }
//
//    //4.保存用户数据到session
//    $_SESSION['home']['id']=$arr['id'];
//    $_SESSION['home']['user']=$arr['user'];
//    $_SESSION['home']['nickname']=$arr['nickname'];
//
//    //登录成功
//    exit("<script>alert('登录成功！');location.href='./index.php'</script>");
//}

?>
<style>
    .box{
        width: 70%;
        margin: 20px auto;
        border:1px rgba(232, 232, 232, 0.94) solid;

    }
    .cont{
        text-align: center;
        margin-top: 30px;
        font-size:16px;
    }
    .cont input{
        height: 20px;
        border: 1px #ccc solid;
        border-radius: 4px;
    }
    .dl{
        border-radius: 4px;
        width: 80%;
        background: red;
        font-size: 18px;
        color: #fff;
    }
    .yzm{
        margin-left: 40%;
        width: 126px;
    }
</style>
<div class="box">
    <h2 style="text-align: center;border-bottom: 1px rgba(232, 232, 232, 0.94) dashed;padding-bottom: 10px">
        <span style="display: inline-block;width: 50px;float: left;"> < </span>
        会员登录
    </h2>
    <form action="./login.php" method="post">
        <div class="cont">帐号: <input type="text" name="user" id="user"><span style="color: red;" id="d1"></span></div>

        <div class="cont">密码: <input type="text" name="pass" id="pass"><span style="color: red;" id="d2"></span></div>

        <div class="cont">
            验证码:<input type="text" name="yzm" id="yzm"/><span style="color: red;" id="d3"></span>
            <img src="./yzm.php?type=dl" id="dlyzm" alt="" class="yzm"/>
            <a onclick="return yzm()">看不清楚换一种</a>
        </div>
        <div class="cont">下一次自动登录: <input type="checkbox" value="0" name="rad" id="d4"></div>
        <div class="cont"> <input id="dl" type="submit" value="登录" class="dl" style="height: 50px;  border: 0px;    border-radius: 8px"></div>

        <div style="margin-top: 10px;text-align: right;"><a href="./zc.php">没有账号去注册！</a></div>
    </form>
</div>
<script>
    function yzm(){
        $('#dlyzm').attr('src','./yzm.php?type=dl&_'+Math.random());
//        var obj=document.getElementById('dlyzm');
//        obj.src='./yzm.php?type=dl&_'+Math.random();
    }

//    ajax自证码

    $('#user').blur(function(){
        var v=$('#user').val();
        $('#d1').load('./ajaxlogin.php',{user:v});
    });
    $('#pass').blur(function(){
        var v=$('#pass').val();
        $('#d2').load('./ajaxlogin.php',{pass:v});
    });
    $('#yzm').blur(function(){
        var v=$('#yzm').val();
        $('#d3').load('./ajaxlogin.php',{yzm:v});
    });
    $('#d4').bind('click',function(){
        if($('#d4').is(':checked')) {
            $('#d4').attr('value', '1');
        }else{
            $('#d4').attr('value', '0');
        }
    });
    $('#dl').click(function (){
        var a=$('#user').val();
        var b=$('#pass').val();
        var c=$('#yzm').val();
        var d=$('#d4').val();
        $('#d3').load('./ajaxlogin.php',{user:a,pass:b,yzm:c,rad:d});
        return false;
    })
</script>
</body>
</html>